<template>
  <div class="page">
    <m-header :title="langText&&langText.aboutus" :canback="Boolean(1)"></m-header>
    <div class="body">
      <section>
        
      <div class="bgc">
        <div class="bgc_1"></div>
        <div class="bgc_2"></div>
      </div>
        <!-- AI-QuanAnt APP: -->
        <div class="con" >
          <div class="content" v-html="con.content"></div>
        </div>
      </section>
    </div>
  </div>
</template>
<script>
import { Index,Base } from "@/server/server.js";
import { mapGetters } from "vuex";
export default {
  data() {
    return {
      langText:null,
      con: {
        content:null,
      }
    };
  },
  created() {
    // this.getLangId == 1
    //   ? (this.langType = "zh")
    //   : this.getLangId == 2
    //   ? (this.langType = "en")
    //   : (this.langType = "cht");
    // Index.getArticle({ type: "app_info"}).then(res => {
    //   if (res.code == 1) {
    //     this.con = res.data;
    //   }
    // });
    Base.getDownload().then(res => {
      if (res.code == 1) {
        this.con.content = res.data.about_us;
        
      }
    });
  },
  computed: {
    ...mapGetters(["lang", "getLangId"])
  },
  mounted(){
    this.langText = Object.assign({},JSON.parse(localStorage.getItem('mineData')))
  }
};
</script>
<style scoped>
.con >>> p {
  color: #000 !important;
  font-size: 28px !important;
}
</style>
<style lang="less" scoped>
@import "~link-less";
.body {
  // padding: @margin-primary;
  background-color: @bg-color;
  position: relative;
  .bgc{
    width: 100%;
    height: 0;
    position: fixed;
    z-index: -99;
    .bgc_1{
      width: 100%;
      // position: absolute;
      background-color: #4EB6AD;
      height: 290px;
    }
    .bgc_2{
      width: 140%;
      background-color: #4EB6AD;
      border-radius: 100%;
      height: 200px;
      margin-left: -20%;;
      margin-top: -150px;
      // bottom: 0;
    }
  }
  .con{
      background-color: #fff;
      width: 710px;
      margin: 20px;
      border-radius: 10px;
      padding: 0 20px;
      position: absolute;
      top: 20px;
      // margin-top: 100px;
    .centent {
      text-indent: 50px;
    }
  }
}
</style>